<template>
  <div class="wrap message-content" v-html="text"></div>
</template>


<!-- <script>
import { marked } from "marked";

export default {
  name:'',
  data(){
    return {
      text:'',
      str:
      '根据提供的节目内容分析，本视频属于中国中央电视台《新闻联播》的常规报道，其内容均围绕以下非敏感主题展开：\n\n1. **全球治理与倡议**  \n   - 如“全球文明倡议”和国际人文合作，体现中国推动多边主义和文明互鉴的外交政策，符合官方立场，无政治敏感性。\n\n2. **国内发展与改革**  \n   - 包括乡村振兴、经济数据、科技创新等，是政府重点工作宣传，属于正面报道范畴。\n\n3. **地缘政治动态（俄乌冲突）**  \n   - 报道客观陈述俄乌双方的公开立场，并未偏离中国一贯主张的和平解决争端、反对激化矛盾的立场，属于国际局势常规播报，无倾向性或未经证实的信息。\n\n4. **文化外交实践**  \n   - 如盛唐文物展在巴黎的成功举办，旨在展示中国文化软实力和促进中法文化交流，符合国家文化外交策略。\n\n### 结论：\n该视频内容严格遵循中国官方媒体的宣传基调，聚焦政策成就、国际合作与文化传播，未涉及任何批评性言论、内部争议或敏感话题（如民族、宗教问题）。因此，**本视频不包含政治敏感内容**。其性质属于典型的《新闻联播》节目范畴，旨在传递政府政策导向和正面信息。'
      
    }
  },

  methods:{
    markdownToHtml(fail) {
      console.log('fail: ', fail);
      // 创建一个自定义渲染器实例
      const renderer = new marked.Renderer();
      console.log('renderer: ', renderer);
      // 自定义标题渲染函数
      renderer.heading = function (text, level) {
        // 根据标题级别添加不同的类名
        const className = `heading-${level}`;
        return `<h${level} class="${className}">${text}</h${level}>`;
      };

      // 自定义段落渲染函数
      renderer.paragraph = function (text) {
        // 为段落添加类名
        return `<p class="custom-paragraph">${text}</p>`;
      };

      // 自定义文本渲染函数，处理标签
      renderer.text = function (text) {
        return text.replace(/#\S+/g, (match) => `<span >${match}</span>`);
        //
        // const matches = text.match(/#\S+/g);
        //
        // 匹配text中 #xxx的词
      };

      // 使用自定义渲染器进行 Markdown 转换
      marked.setOptions({
        renderer: renderer,
      });
      // 去除开头指定字符串
      const targetStr = "\n\n```markdown\n";
      const processedSummary = fail.replace(targetStr, "").replace("```", "");
      // 将 Markdown 文本转换为 HTML
      return marked(processedSummary);
    },
  },

  watch:{},
  computed:{},

  created(){},
  mounted(){
    this.text = this.markdownToHtml(this.str)
  },
  beforeDestroy(){}

}

</script> -->

<script>
import MarkdownIt from 'markdown-it';

export default {
  data(){
    return{
      text:'',
      str:
      `根据提供的节目内容分析，本视频属于中国中央电视台《新闻联播》的常规报道，其内容均围绕以下非敏感主题展开：\n\n1. **全球治理与倡议**  \n   - 如“全球文明倡议”和国际人文合作，体现中国推动多边主义和文明互鉴的外交政策，符合官方立场，无政治敏感性。\n\n2. **国内发展与改革**  \n   - 包括乡村振兴、经济数据、科技创新等，是政府重点工作宣传，属于正面报道范畴。\n\n3. **地缘政治动态（俄乌冲突）**  \n   - 报道客观陈述俄乌双方的公开立场，并未偏离中国一贯主张的和平解决争端、反对激化矛盾的立场，属于国际局势常规播报，无倾向性或未经证实的信息。\n\n4. **文化外交实践**  \n   - 如盛唐文物展在巴黎的成功举办，旨在展示中国文化软实力和促进中法文化交流，符合国家文化外交策略。\n\n### 结论：\n该视频内容严格遵循中国官方媒体的宣传基调，聚焦政策成就、国际合作与文化传播，未涉及任何批评性言论、内部争议或敏感话题（如民族、宗教问题）。因此，**本视频不包含政治敏感内容**。其性质属于典型的《新闻联播》节目范畴，旨在传递政府政策导向和正面信息。`

    }
  },
  methods:{
    rend(val){
      const md = new MarkdownIt();
      return md.render(val);
      // const renderedMarkdown = computed(() => {
      //   return md.render(markdownContent.value);
      // });
    }
  },
  mounted(){
    this.text = this.rend(this.str)
  }

};
</script>